/* 公共样式 */
/* 盒子模型布局 */
._df {
  display: flex;
  &._fr {
    flex-flow: row nowrap;
  }
  &._frw {
    flex-flow: row wrap;
  }
  &._fc {
    flex-flow: column nowrap;
  }
  &._fcw {
    flex-flow: column wrap;
  }
  &._ac {
    align-items: center;
  }
  &._as {
    align-items: flex-start;
  }
  &._ae {
    align-items: flex-end;
  }
  &._acc {
    align-content: center;
  }
  &._jc {
    justify-content: center;
  }
  &._jl {
    justify-content: flex-start;
  }
  &._jr {
    justify-content: flex-end;
  }
  &._ja {
    justify-content: space-around;
  }
  &._jb {
    justify-content: space-between;
  }
}

.uni-over {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.ynzp-form-line {
  width: 100%;
  height: 30rpx;
  background-color: $uni-page-color;
}

$num: 21;
// 遍历margin-top
@for $i from 1 to $num {
  .mt#{$i*5} {
    margin-top: #{$i * 5}rpx;
  }
}
// 遍历margin-left
@for $i from 1 to $num {
  .ml#{$i*5} {
    margin-left: #{$i * 5}rpx;
  }
}
// 遍历margin-right
@for $i from 1 to $num {
  .mr#{$i*5} {
    margin-right: #{$i * 5}rpx;
  }
}
// 遍历margin-right
@for $i from 1 to $num {
  .mb#{$i*5} {
    margin-bottom: #{$i * 5}rpx;
  }
}

.y-position-fixed{
	position: fixed;
}
.y-top-0{
	top: 0;
}
.y-bottom-0{
	bottom: 0;
}
.y-left-0{
	left: 0;
}
.y-right-0{
	right: 0;
}
.y-w-100{
	width: 100%;
}

/* 圆角大小例：radius-1 ,radius-10... */
@for $i from 1 through 50 {
  .y-radius-#{$i} {  border-radius: $i*1rpx;}
	/* margin */
	.y-m-t-#{$i} { margin-top: $i*1rpx; }
	.y-m-b-#{$i} { margin-bottom: $i*1rpx; }
	.y-m-l-#{$i} { margin-left: $i*1rpx; }
	.y-m-r-#{$i} { margin-right: $i*1rpx; }
	.y-m-x-#{$i} { margin-left: $i*1rpx; margin-right: $i*1rpx; }
	.y-m-y-#{$i} { margin-top: $i*1rpx; margin-bottom: $i*1rpx; }
	.y-m-#{$i} { margin: $i*1rpx; }
	/* padding */
	.y-p-t-#{$i} { padding-top: $i*1rpx; }
	.y-p-b-#{$i} { padding-bottom: $i*1rpx; }
	.y-p-l-#{$i} { padding-left: $i*1rpx; }
	.y-p-r-#{$i} { padding-right: $i*1rpx; }
	.y-p-x-#{$i} { padding-left: $i*1rpx; padding-right: $i*1rpx; }
	.y-p-y-#{$i} { padding-top: $i*1rpx; padding-bottom: $i*1rpx; }
	.y-p-#{$i} { padding: $i*1rpx; }
	/* font-size */
	.y-font-size-#{$i} { font-size: $i*1rpx; }
}
/* 自体加粗例：weight-100 ,weight-150 ,weight-600... */
@for $i from 1 through 9 {
  .y-weight-#{$i*100} {  font-weight: $i*100;}
	.y-weight-#{$i*100 + 50} {  font-weight: 50 + $i*100;}
}

.y-flex-1{
	flex: 1;
}

.y-weight-bold{
	font-weight: bold;
}


